﻿/*
Copyright 2012, Marcus McKinnon, E.J. Wilburn, Kevin Williams
This program is distributed under the terms of the GNU General Public License.

This file is part of Palaver.

Palaver is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

Palaver is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with Palaver.  If not, see <http://www.gnu.org/licenses/>.
*/

/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
header, html, body {
    background-color: #5c87b2;
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    height: 100%;
    overflow: hidden;
}

header, footer
{
    overflow: hidden !important;
}

a:link {
    color: #034af3;
    text-decoration: underline;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

/*
header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}
*/

/*
#main {
    height: 95%;
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

#pageContent {
    height: 100%;
}

footer, 
#footer {
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}
*/
/* TAB MENU   
----------------------------------------------------------*/
/*
ul#menu {
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}
*/

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

/*
nav, 
#menucontainer {
    margin-top: 40px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}
*/

/*
#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}
*/

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}


/* styles for palaver */
/*
div#threadList 
{
    width: 33%;
    height: 100%;
    float: left;
    overflow: auto;
}

div#threadArea input
{
}

div#commentsArea
{
    width: 66%;
    height: 100%;
    float: left;
    overflow: none;
    position: inherit;
    top: 0px;
    left: 33%;
}

div#comments
{
    top: 0px;
    width: 100%;
    height: 95%;
    position: inherit;
    overflow: auto;
    left: 0px;
}

.commentsLoading
{
    background-color: Gray;
}
*/

div#comments ul.commentlist
{
    padding-left: 15px;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

div#comments li.comment
{
    border-left: 1px solid lightgrey;
    list-style-type: none;
    padding-left: 5px;
    margin-top: -2px;
    padding-top: 2px;
    margin-left: 0;
}

div#comments
{
    margin-left: -10px;
}

div#threads ul
{
    list-style-type: none;
    margin: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 5px;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: bottom;
}

div#threads ul img
{
    vertical-align: middle;
}

a.reply
{
    margin-left: 5px;
    font-size: .8em;
}

.user,.commentTime
{
    margin-right: 10px;
    color: Teal;
}

.commentTime
{
    font-size: smaller;
}

.submit
{
    margin-right: 5px;
}

.newcomment, .newcomments
{
    background-color: #AFDCEC;
}

li.selectedThread
{
    border-width: thin;
    border-style: dashed;
}

.threadNewComments
{
    color: Black;
}

.comment:focus
{
    background-color: #E5FFEB;
}

div.comment
{
    margin-top: 2px;
    margin-right: 2px;
    padding: 5px;
}

textarea
{
    margin-left: 10px;
    height: 15px; 
    width: 100%;
}

div.reply
{
    cursor: pointer;
    height: 5px;
    margin-left: 20px;
}

hr.reply
{
    padding-top: 0px;
    margin-left: 2px;
    margin-right: 2px;
    border: 0px;
    border-bottom: 1px dashed Gray;
    margin-top: 2px;
}

hr.reply:hover
{
    border: 0px;
    border-bottom: 1px dashed Blue;
}

div.reply:hover
{
    color: Blue;
    border: 1px;
    outline-color: Blue;
    border-color: Blue;
    border-style: solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

div.clear
{
    clear:both;
}

p {
    margin: 0;
    padding: 0;
    line-height: 1.6em;
}

.busy
{
    cursor: wait;
}

/* remove padding and scrolling from elements that contain an Accordion OR a content-div */
.ui-layout-center ,	/* has content-div */
.ui-layout-west ,	/* has Accordion */
.ui-layout-east ,	/* has content-div ... */
.ui-layout-east .ui-layout-content { /* content-div has Accordion */
	padding: 0;
	overflow: hidden;
}

.ui-layout-center P.ui-layout-content {
	line-height:	1.4em;
	margin:			0; /* remove top/bottom margins from <P> used as content-div */
}

h3, h4 { /* Headers & Footer in Center & East panes */
	font-size:		1.1em;
	background:		#EEF;
	border:			1px solid #BBB;
	border-width:	0 0 1px;
	padding:		7px 10px;
	margin:			0;
}

.ui-layout-east h4 { /* Footer in East-pane */
	font-size:		0.9em;
	font-weight:	normal;
	border-width:	1px 0 0;
}

#newcomment 
{
    width: 100%;
}
